/**
 * 利用套件"ajaxFileUpload.js"完成ajax式的檔案上傳。其中比較特殊的部份：我利用
 * jquery trigger函式觸發一個看不見的上傳表單元素，但是當檔案上傳完畢，無論成功或失敗，
 * 都必須再綁訂一次"change"事件的處理函式。 
 */

	////設定動作(上傳Banner圖片)
	Ext.getCmp('actionColumn_uplBannerImg').items[0].handler = function(view, rowIndex, colIndex, item, e)
	{
		//暫存Banner ID。
		$('#hid_bannerId').val(view.store.getAt(rowIndex).data.fp_banner_id);

		$('#file').trigger('click');
	};

	$().ready(function()
	{
		$('#file').css({visibility:"hidden"});
		
		$('#file').change(function(e)
		{
			ajaxFileUpload();
		});
	});
	
	function ajaxFileUpload()
	{
		$.ajaxFileUpload
		(
			{
				url:'administrator/ajax/json/md/frontpage/fn/doFPBannerUpl',
				data : {
					
				},
				secureuri:false,
				fileElementId:'file',
				dataType: 'json',
				beforeSend:function()
				{
					$("#loading").show();
				},
				complete:function()
				{
					$("#loading").hide();
				},				
				success: function (data, status)
				{
					////更新資料庫裡的資料；並且置換成新的圖片。
					var imgName = data.imgName
					var bannerId = $('#hid_bannerId').val();
					doBannerImgReload(imgName, bannerId);
					
					////必須再綁訂一次"change"事件的處理函式，才能繼續使用上傳功能。
					$('#file').change(function()
					{
						ajaxFileUpload();
					});
				},
				error: function (data, status, e)
				{
					alert('資料傳送發生錯誤！');
					
					////必須再綁訂一次"change"事件的處理函式，才能繼續使用上傳功能。
					$('#file').change(function()
					{
						ajaxFileUpload();
					});
				}
			}
		)
	}